<!DOCTYPE html>
<html style="height: 100%;">

	<head>
		<meta charset="utf-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<script type="text/javascript" src="../js/lib/remtest.js"></script>
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" href="../css/app.css" />
		<script type="text/javascript" src="http://at.alicdn.com/t/font_477284_3r8dxo10yfmbzkt9.js"></script>
		<link rel="stylesheet" href="../css/swiper.min.css">
		<script src="../js/swiper.min.js"></script>
		<style type="text/css">
			.iconzs {
				width: 1em;
				height: 1em;
				vertical-align: -0.15em;
				fill: currentColor;
				overflow: hidden;
			}
			
			.swiper-wrapper img {
				width: 100%;
				height: 100%;
			}
			/*弹窗*/
			
			#tanchuang {
				display: none;
				z-index: 15151515;
			}
			
			.app-download-popup.show {
				display: block;
			}
			
			.app-download-popup {
				display: none;
				position: fixed;
				overflow: auto;
				width: 100%;
				height: 100%;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				font-family: "Hiragino Sans GB";
				background-color: rgba(0, 0, 0, .7);
			}
			
			.app-download-popup.smally .app-download-popup-inner {
				width: 250px;
				border-radius: 6px;
				height: auto;
				overflow: visible;
				top: 50%;
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);
			}
			
			.app-download-popup .app-download-popup-inner {
				position: relative;
				width: 100%;
				height: 100%;
				background-size: cover;
				background-repeat: no-repeat;
				margin: 0 auto;
				overflow: auto;
				-webkit-overflow-scrolling: touch;
				overflow-scrolling: touch;
			}
			
			.app-download-popup.smally .btn-close {
				top: -35px;
				background-image: url(../images/colesebnt.png);
			}
			
			.app-download-popup .btn-close {
				position: absolute;
				display: block;
				top: 1px;
				right: 1px;
				width: 32px;
				height: 32px;
				background-image: url(../images/colesebnt.png);
				background-repeat: no-repeat;
				background-size: contain;
			}
			
			.app-download-popup .banner {
				width: 100%;
			}
			
			.app-download-popup .btn-wrapper {
				text-align: center;
			}
			
			.app-download-popup .btn-download {
				position: relative;
				display: inline-block;
				color: #fff;
				font-size: 18px;
				margin-top: 5px;
				padding: 8px 30px 8px 20px;
				background-color: #e8203d;
				border-radius: 6px;
				box-shadow: 0 5px 2px #900E21;
				outline: 0;
				text-decoration: none;
			}
			
			.app-download-popup.smally .btn-hide {
				color: red;
			}
			
			.mui-bar-nav {
				top: 0;
				-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
				box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
			}
			
			.mui-bar {
				position: fixed;
				z-index: 10;
				right: 0;
				left: 0;
				height: 0.64rem;
				padding-right: 10px;
				padding-left: 10px;
				border-bottom: 0;
				background-color: #FFFFFF;
				-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0);
				/* box-shadow: 0 0 1px rgba(0,0,0,.85); */
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
			}
			
			.app-download-popup .btn-hide {
				display: inline-block;
				margin-top: 18px;
				margin-bottom: 8px;
				font-size: 18px;
				color: #A81C33;
				color: #fff;
				background-color: transparent;
				border: 0;
				outline: 0;
			}
			
			.mui-table-view-cell>a:not(.mui-btn) {
				position: relative;
				display: block;
				overflow: hidden;
				
				padding: inherit;
				white-space: nowrap;
				text-overflow: ellipsis;
				color: inherit;
			}
			
			.mui-table-view-cell {
				position: relative;
				overflow: hidden;
				padding: 0px 0.22rem;
			}
			
			.swiper-container {
				width: 100%;
				height: 100%;
			}
			
			.swiper-slide img {
				width: 100%;
			}
			
			.swiper-slide {
				text-align: center;
				font-size: 18px;
				background: #fff;
				/* Center slide text vertically */
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				-webkit-align-items: center;
				align-items: center;
			}
			
			.swiper-slide .mui-table-view-cell h4 {
				font-size: 0.26rem !important;
			}
			
			.swiper-slide .mui-table-view-cell h2 {
				font-size: 0.45rem !important;
			}
			
			.mui-bar-nav~.mui-content {
				padding-top: 0.64rem;
			}
			
			#item2mobile ul li {
				padding: 0.2rem;
			}
			
			#item2mobile p {
				font-size: 0.24rem;
				line-height: 0.3rem;
			}
			
			#item2mobile ul li {
				padding: 0.2rem;
				font-size: 0.24rem;
				line-height: 0.3rem;
			}
			
			.mui-media-body {
				font-size: 0.24rem !important;
			}
			.zzhinews .mui-media{
				position: relative;
			}
		</style>

	</head>

	<body style="height: 100%;">
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">
				<i>
					菜园
				</i>
			</h1>
			<a class="mui-card-link mui-media-object mui-right" onclick="Showtc();" style="float: right;">
				<span class="mui-icon" style="font-size: 0.34rem; padding-bottom: 0px; padding-top: 0.15rem;">
		                    	<svg class="iconzs" >
 									 <use xlink:href="#icon-xinxi"></use>
								</svg>
		                    	<font id="ShareCount"></font>
		                   </span>
			</a>
		</header>
		<div class="mui-content">

			<!-- 顶部轮播图 -->
			<div class="swiper-container" id='swiper-container' style="overflow: hidden;">
				<div class="swiper-wrapper" id='swiper'>

					<!-- 第一张 -->
					<div class="swiper-slide">
						<a href="#">
							<img src="../images/top1.png" alt="轮播图1">
						</a>
					</div>
					<!-- 第二张 -->
					<div class="swiper-slide">
						<a href="#">
							<img src="../images/top1.png">
						</a>
					</div>
					<!-- 第三张 -->
					<div class="swiper-slide">
						<a href="#">
							<img src="../images/top1.png">
						</a>
					</div>
					<!-- 第四张 -->
					<div class="swiper-slide">
						<a href="#">
							<img src="../images/top1.png">
						</a>
					</div>

				</div>
				<!-- Add Pagination -->
				<div id='swiper-pagination' class="swiper-pagination"></div>
			</div>

			<div class="mui-card">
				<div class="mui-card-content" style=" padding: 0.22rem 0;">
					<div class="mui-card-content-inner">

						<div id='nva1' class="mui-content">
							<ul class="mui-table-view mui-grid-view mui-grid-9" style="margin-top: 0px;">

								<li id="nva_link2" class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" ta="live.html">

									<span class="mui-icon kjannbg" id="an2">
		                    	
		                    	<svg class="iconzs" >
 									 <use xlink:href="#icon-_xianchangzhibo"></use>
								</svg>
		                    	
		                    </span>
									<div class="mui-media-body">视频教程</div>

								</li>
								<li id="nva_link3" class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" ta="tujiegold.html">

									<span class="mui-icon kjannbg" id="an3">
		                    	
		                    	<svg class="iconzs" >
 									 <use xlink:href="#icon-_tujiehuangjin"></use>
								</svg>
		                    	
		                    </span>
									<div class="mui-media-body">积分兑换</div>

								</li>
								<li id="nva_link4" class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4" ta="fwtx.html">

									<span class="mui-icon kjannbg" id="an4">
		                    	
		                    	<svg class="iconzs" >
 									 <use xlink:href="#icon-_fuwutixi"></use>
								</svg>
		                    	
		                    </span>
									<div class="mui-media-body">问答</div>

								</li>

							</ul>
						</div>

					</div>
				</div>
			</div>

			

			<div class="mui-card">
				<div class="mui-card-header">
					<h3 class="newtitle">种植<span class="btfontsize">百科</span>ENCYCLOPEDIA</h3>
				</div>
				<div class="mui-card-content">
					<div class="mui-card-content-inner">

						<div class="mui-content zzhinews" style="background: #FFFFFF !important;">
						
									<ul class="mui-table-view" id="ArticleTopList">

										<li class="mui-table-view-cell mui-media ">
											<a href="javascript:;" class="mui-row">
												
												<div class="zhongzhibk_cont">
													阳台种菜处理土壤和种子的方法
													<p class='mui-ellipsis index_newstimelist'>四众环保 <span class="index_newtime">刚刚</span></p>
												</div>
												<div class="mui-col-sm-4  mui-col-xs-4 zhongzhibk_img">
													<img class="" src="../images/shuijiao.jpg">
												</div>
											</a>
										</li>

										<!--<li class="mui-table-view-cell mui-media ">
											<a href="javascript:;">
												<img class="mui-media-object mui-pull-right" src="../images/shuijiao.jpg">
												<div class="mui-media-body">
													幸福
													<p class='mui-ellipsis index_newstimelist'>四众环保 <span class="index_newtime">刚刚</span></p>
												</div>
											</a>
										</li>

										<li class="mui-table-view-cell mui-media">
											<a href="javascript:;">
												<img class="mui-media-object mui-pull-right" src="../images/shuijiao.jpg">
												<div class="mui-media-body">
													幸福
													<p class='mui-ellipsis index_newstimelist'>四众环保 <span class="index_newtime">2017-10-22</span></p>
												</div>
											</a>
										</li>-->

									</ul>

							

						</div>

					</div>
				</div>

			</div>
			
			
			
			<div class="mui-card">
				<div class="mui-card-header">
					<h3 class="newtitle">视频<span class="btfontsize">教程</span>VIDEO TUTORIALS</h3>
				</div>
				<div class="swiper-container" id='swiper-container' style="overflow: hidden;">
				<div class="swiper-wrapper" id='swiper' style="overflow: hidden; padding: 0.3rem;">

					<!-- 第一张 -->
					<div class="swiper-slide" style="width: 90%;">
						<a href="#">
							<img src="../images/top1.png" alt="轮播图1">
						</a>
					</div>
					<!-- 第二张 -->
					<!--<div class="swiper-slide">
						<a href="#">
							<img src="../images/top1.png">
						</a>
					</div>
				
					<div class="swiper-slide">
						<a href="#">
							<img src="../images/top1.png">
						</a>
					</div>
					
					<div class="swiper-slide">
						<a href="#">
							<img src="../images/top1.png">
						</a>
					</div>-->

				</div>
				<!-- Add Pagination -->
				<div id='swiper-pagination' class="swiper-pagination"></div>
			</div>

			</div>
			
			
			
			<div class="mui-card">
				<div class="mui-card-header">
					<h3 class="newtitle">求助<span class="btfontsize">咨询</span>SEEK HELP</h3>
				</div>
				<div class="mui-card-content">
					<div class="mui-card-content-inner">

						<div class="mui-content zzhinews" style="background: #FFFFFF !important;">
						
									<ul class="mui-table-view" id="ArticleTopList">

										

										<li class="mui-table-view-cell mui-media new_help_li">
											<a href="javascript:;">
												
												<div class="mui-media-body new_help_div">
													<p class='mui-ellipsis mui-row'>
														<span class="mui-col-sm-1"><img src="../images/muwu.jpg" class="usericon"></span>
														<span class="username mui-col-sm-6">名字不能超过6位</span>
														<span class="index_newtime mui-col-sm-5">2017-10-22</span>
													</p>
													<p class="new_help_tit">这是怎么了？急死人了，前辈们帮我看一下吧!!!</p>
													<div class="new_help_img mui-row">
														<p class="mui-col-sm-4"><img src="../images/shuijiao.jpg" ></p>
														<p class="mui-col-sm-4"><img src="../images/shuijiao.jpg" ></p>
														<p class="mui-col-sm-4"><img src="../images/shuijiao.jpg" ></p>
														
													</div>
												</div>
											</a>
										</li>
										
										<li class="mui-table-view-cell mui-media new_help_li">
											<a href="javascript:;">
												
												<div class="mui-media-body new_help_div">
													<p class='mui-ellipsis mui-row'>
														<span class="mui-col-sm-1"><img src="../images/muwu.jpg" class="usericon"></span>
														<span class="username mui-col-sm-6">名字不能超过6位</span>
														<span class="index_newtime mui-col-sm-5">2017-10-22</span>
													</p>
													<p class="new_help_tit">这是怎么了？急死人了，前辈们帮我看一下吧!!!</p>
													<div class="new_help_img mui-row">
														<p class="mui-col-sm-4"><img src="../images/shuijiao.jpg" ></p>
														<p class="mui-col-sm-4"><img src="../images/shuijiao.jpg" ></p>
														<p class="mui-col-sm-4"><img src="../images/shuijiao.jpg" ></p>
														
													</div>
												</div>
											</a>
										</li>

									</ul>

							

						</div>

					</div>
				</div>
			</div>
		</div>
		<!--模板-->
		<div id="liveModel" style="display: none;">

			<li class="mui-table-view-cell">
				<p><span class="mui-pull-left">${cb:createdAt}&nbsp;&nbsp;&nbsp;</span>${cb:contentHtml}</p>

			</li>
		</div>
		<div id="finModel" style="display: none;">
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					${cb:GuoQi}

					<div class="mui-media-body">
						<div id="">
							${StrTime}
						</div>
						<div>
							<img src="../images/fin.png" style="max-width: 73px;max-height: 19px;"><br>
						</div>

						${cb:Title}
						<p class='mui-ellipsis'>前值:${QianZhi} 今值:${cb:JinZhi}</p>
					</div>
				</a>
			</li>

		</div>
		<!--模板end-->

		<!--弹窗-->
		<div class="app-download-popup smally show" data-spm="app-download-popup" id="tanchuang">
			<div class="app-download-popup-inner" style="background:#FFFFFF">
				<i class="btn-close" onclick="closetc()"></i>
				<img class="banner" src="../images/fwtx1a.png">
				<div class="btn-wrapper">
					<a class="btn-download" onclick="">点击查看</a>
				</div>
				<div class="btn-wrapper"><button class="btn-hide" onclick="closetc()">继续浏览</button></div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../js/lib/jquery-1.10.2.min.js"></script>
	<script type="text/javascript" src="../js/xdate/xdate.js"></script>
	<script type="text/javascript" src="../js/lodash/lodash.min.js"></script>
	<script type="text/javascript" src="../js/Common.js" charset="utf-8"></script>
	<script src="../js/mui.min.js"></script>

	<!--模板帮助类库-->
	<script type="text/javascript" src="../js/lib/template.js"></script>
	<script type="text/javascript" charset="utf-8">
		/*选项卡*/
		mui.init({
			swipeBack: false,
		});
		//资讯中心区域滚动
		/*document.getElementById('slider_news').style.height = getWinHeight() - 130 + 'px';
		$('#slider_news').find('.mui-scroll-wrapper').height(getWinHeight() - 160);*/
		/**
		 * 下拉刷新具体业务实现
		 */
		function pullupRefresh() {
			setTimeout(function() {
				plus.webview.getLaunchWebview().evalJS('tapBar(3);');
				mui('#scroll_ArticleTopList').pullRefresh().endPullupToRefresh(); //refresh completed
			}, 1500);
		}

		//$('#swiper-container').height('3.08' + "rem");

		function Showtc() {
			$.getJSON('http://www.99990158.com/ajax/GetArticle.ashx', {
				id: 1715
			}, function(item) {

				if(item && item.status == 0) {
					$('#tanchuang').find('.banner').attr('src', item.img_url);
					//$('#tanchuang').find('.btn-download').text(item.title);

					if(item.link_url.length > 0) {
						document.querySelector('.btn-download').addEventListener('tap', function() {
							console.log(0)
							openShareView(item.link_url, item.title, item.zhaiyao);
							closetc();
						});
					}
					document.getElementById('tanchuang').style.display = "block";
				}
			});

		};

		function toShowTheFirst() {
			$.getJSON('http://www.99990158.com/ajax/GetArticle.ashx', {
				id: 1715
			}, function(item) {

				if(item && item.is_top == 1) {
					Showtc();
				}
			});
		}

		function closetc() {
			document.getElementById('tanchuang').style.display = "none";

		}

		(function($) {
			$('.mui-scroll-wrapper').scroll({
				indicators: true //是否显示滚动条
			});

			var html2 = '<ul class="mui-table-view"><li class="mui-table-view-cell">第二个选项卡子项-1</li><li class="mui-table-view-cell">第二个选项卡子项-2</li><li class="mui-table-view-cell">第二个选项卡子项-3</li><li class="mui-table-view-cell">第二个选项卡子项-4</li><li class="mui-table-view-cell">第二个选项卡子项-5</li></ul>';
			var html3 = '<ul class="mui-table-view"><li class="mui-table-view-cell">第三个选项卡子项-1</li><li class="mui-table-view-cell">第三个选项卡子项-2</li><li class="mui-table-view-cell">第三个选项卡子项-3</li><li class="mui-table-view-cell">第三个选项卡子项-4</li><li class="mui-table-view-cell">第三个选项卡子项-5</li></ul>';
			var item2 = document.getElementById('item2mobile');
			var item3 = document.getElementById('item3mobile');
			document.getElementById('slider_news').addEventListener('slide', function(e) {
				//plus.webview.getLaunchWebview().evalJS('changeView(3);');

				if(e.detail.slideNumber === 1) {
					if(item2.querySelector('.mui-loading')) {

						setTimeout(function() {
							GetNewLive();
							setInterval(GetNewLive, 5000);
						}, 500);
					}
				} else if(e.detail.slideNumber === 2) {
					if(item3.querySelector('.mui-loading')) {

						setTimeout(function() {
							GetFin();
							setInterval(GetFin, 5000);
						}, 500);
					}
				}
			});

			/*document.getElementById('item1mobile').addEventListener("swipeup", function() {
				//plus.webview.getLaunchWebview().evalJS('tapBar(3);');
			});
			item2.addEventListener("swipeup", function() {
				plus.webview.getLaunchWebview().evalJS('tapBar(3);');
			});
			item3.addEventListener("swipeup", function() {
				plus.webview.getLaunchWebview().evalJS('tapBar(3);');
			});*/

			var sliderSegmentedControl = document.getElementById('sliderSegmentedControl');
			$('.mui-input-group').on('change', 'input', function() {
				if(this.checked) {
					sliderSegmentedControl.className = 'mui-slider-indicator mui-segmented-control mui-segmented-control-inverted mui-segmented-control-' + this.value;
					//force repaint
					sliderProgressBar.setAttribute('style', sliderProgressBar.getAttribute('style'));
				}
			});

			document.getElementById("ljkhid").addEventListener('tap', function() {
				openRegGoldAccount();

			});

			document.getElementById("dbcolse").addEventListener('tap', function() {

				this.parentElement.style.display = "none";
				document.getElementById("dbdiv").style.display = "block";
				document.getElementById("dbts").style.marginBottom = "0px";
			});

			document.getElementById("dbopen").addEventListener('tap', function() {
				this.parentElement.style.display = "none";
				document.getElementById("dbopdiv").style.display = "block";
				document.getElementById("dbts").style.marginBottom = "0.75rem";
			});

			document.getElementById("nva_link1").addEventListener('tap', function() {
				openRegGoldAccount();
				//openWindowWithTitle(this.getAttribute('ta'),"开户");
			});

			document.getElementById("nva_link2").addEventListener('tap', function() {
				mui.plusReady(function() {
					plus.webview.getLaunchWebview().evalJS('tapBar(2)');
				});

				//plus.webview.getWebviewById("examples/live.html").show();
			});

			document.getElementById("nva_link3").addEventListener('tap', function() {

				openWindowWithTitle(this.getAttribute('ta'), "图解黄金");
			});

			document.getElementById("nva_link4").addEventListener('tap', function() {

				var bitmap = new plus.nativeObj.Bitmap("about");
				bitmap.loadBase64Data("");
				var url = this.getAttribute('ta');
				openExtrasTitle(url, "服务体系", bitmap, function() {

					plus.webview.getWebviewById(url).evalJS('openInfo()');

				}, '313131');
			});

			document.getElementById("EduImg").addEventListener('tap', function() {
				openWindowWithTitle('zcschool.html', '中诚学院')

			});

			//查看更多资讯
			mui('.detail-tip').on('tap', '.detail-msg', function() {

				plus.webview.getLaunchWebview().evalJS('tapBar(3);');
			});

		})(mui);

		function setStatusBarBackground() {

			mui.plusReady(function() {

				// 设置系统状态栏背景色
				plus.navigator.setStatusBarBackground('#FFFFFF');

			});

		}
	</script>

</html>
<script type="text/javascript" src="../js/default.js?20170"></script>